<template>
    <div class="index clearafter">
    <div class="cbafter"><button class="default ok fr" @click="returndeptlist">返回科室列表</button></div>
        <div class="paientinfo testlist">
            <table class="table table-hover">
            <tr>
                <th>医生名字</th>
                <th>医生职称</th>
                <th>医生擅长</th>
              
            </tr>
            <tr @click="getdcoplanlist(item)" v-for="item in doclists">
                <td>
                    {{item.doctorName}}
                </td>
                <td>
                    {{item.levelText}}
                <td>
                    {{item.speciality}}
                </td>

            </tr>
           
        </table>
        </div>

    </div>
</template>
<script>
import Public from 'assets/public.js'
import {actions}from '../vuex/store';
module.exports = {
       vuex: {
            actions: actions,
            getters: {
                doclists: (data) => data.doclists,
                // curOrgId:(data) => data.curOrgId
            }
        },
        components: {
            
        },
        ready() {
            var that = this;
        

        },
        methods: {
        getdcoplanlist(item){
            this.changeView("请选择预约日期");
            this.getdcoPlanlist(item);
          },
        returndeptlist(){
            this.changeView("请选择科室");
         },

        },
        events: {
            
        },
}
</script>
<style scoped>
.table {
    margin-top: 30px;
}
.table>tbody>tr>td, .table>tbody>tr>th{
    text-align: center;}
.table>tbody>tr>th{
    border-top:none;
}
.table>tbody>tr>th:nth-child(1),.table>tbody>tr>th:nth-child(2){width: 120px}
</style>
